<!--
 * @Author: cqg 
 * @Date: 2020-11-17 15:07:04
 * @LastEditors: cqg
 * @LastEditTime: 2020-12-03 09:24:12
 * @Description: file content
-->
<!--hxf-0730-将搜索框所需绑定值传递给子组件，绑定确定方法重置方法-->
<template>
  <div class="page-box">
    <dataList
      placeholder="请输入承租方或物业名称"
      :pageInfo="pager"
      :listData="tableData"
      searchName="contractName"
      :menuList="['export']"
      :filterList="filterList"
      @menu-click="handleMenuClick"
    >
      <el-table :data="tableData" align="center">
        <el-table-column label="物业名称" prop="propertyNames" align="center" />
        <el-table-column label="合同编码" prop="contractCode" align="center">
          <template slot-scope="scope">
            {{scope.row.contractCode}}
            <img :src="NewIcon" class="imgIcon" v-if="scope.row.status == '01'" />
          </template>
        </el-table-column>
        <el-table-column label="承租方" prop="customerName" align="center" />
        <el-table-column prop="status" align="center" label="合同状态">
          <template slot-scope="scope">{{scope.row.status | dict('rent_contract_status')}}</template>
        </el-table-column>

        <el-table-column label="合同签订日期" prop="signDate" align="center" />
        <el-table-column width="200" label="租赁周期" prop="startTime" align="center">
          <template slot-scope="scope">{{scope.row.startDate}}至{{scope.row.endDate}}</template>
        </el-table-column>
        <el-table-column width="150px" label="操作" align="center">
          <template slot-scope="scope">
            <el-button type="text" @click="view(scope.row)">查看</el-button>
          </template>
        </el-table-column>
      </el-table>
    </dataList>
    <contract-view ref="contractView"></contract-view>
  </div>
</template>
<script src="./list-history.js"></script>
<style scoped lang="scss">
@import "./list";
</style>

